
.fill-parent{width: 100%;height: 100%;}
.align-center {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.flexbox-center-center{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;
    display:-ms-flexbox;-ms-flex-pack:center;-ms-flex-align:center;
    display:-moz-box;-moz-box-pack:center;-moz-box-align:center;}
.flexbox-start-center{display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:center;
    display:-ms-flexbox;-ms-flex-pack:start;-ms-flex-align:center;
    display:-moz-box;-moz-box-pack:start;-moz-box-align:center;}
.flexbox-end-center{display:-webkit-box;-webkit-box-pack:end;-webkit-box-align:center;
    display:-ms-flexbox;-ms-flex-pack:start;-ms-flex-align:center;
    display:-moz-box;-moz-box-pack:start;-moz-box-align:center;}
.flexbox-start-end{display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:end;
    display:-ms-flexbox;-ms-flex-pack:start;-ms-flex-align:end;
    display:-moz-box;-moz-box-pack:start;-moz-box-align:end;}
.flexbox-center-end{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:end;
    display:-ms-flexbox;-ms-flex-pack:center;-ms-flex-align:end;
    display:-moz-box;-moz-box-pack:center;-moz-box-align:end;}
.flexbox-container-horizontal{display:-webkit-box;-webkit-box-orient: horizontal;
    display:-moz-box;-moz-box-orient: horizontal;
    display:-ms-flexbox;-ms-flex-direction: row;}

.flexbox-container-vertical{display:-webkit-box;-webkit-box-orient: vertical;
    display:-moz-box;-moz-box-orient: vertical;
    display:-ms-flexbox;-ms-flex-direction: column;}

.flexbox-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.flexbox-item{-ms-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}
